<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
		*{margin: 0;padding:0;}
		html,body{
			height: 100%;
			width:100%;
		}
		.bg01{
			background-size: cover;
			height: 100%;
			width:100%;
		}
		.left{
			float: left;
			font-size: 25px;
		}
		</style>
	</head>
	<body class="bg01">
		<div class="mobile_header hidden-md hidden-lg">
			<h1 class="left">我的家乡</h1>
			<span class="menu_icon"></span>
			<ul class="menu">
				<li class="on"><a href="index.html">首页</a></li>
	        	<li><a href="about.html">邢台简介</a></li>
	        	<li><a href="cplist.html">城市百科</a></li>
	        	<li><a href="newslist.html">美丽家乡</a></li>
	        	<li><a href="contact.html">地址</a></li>
	        	<li><a href="message.html">在线留言</a></li>
			</ul>
		</div>
		<div class="header hidden-xs hidden-sm clearfix">
			<div class="container">				
				
				<div class="nav">
			    	<ul>
			        	<li class="on"><a href="index.html">首页</a></li>
	        	<li><a href="about.html">邢台简介</a></li>
	        	<li><a href="cplist.html">城市百科</a></li>
	        	<li><a href="newslist.html">美丽家乡</a></li>
	        	<li><a href="contact.html">地址</a></li>
	        	<li><a href="message.html">在线留言</a></li>
			      	</ul>
			    </div>
			</div>
		</div>
		<div id="slideBox" class="slideBox">
			<div class="bd">
				<ul>
					<li>
						<a class="pic" href="#"><img src="upload/banner.png" /></a>
					</li>
					<li>
						<a class="pic" href="#"><img src="upload/banner-sm.png" /></a>
					</li>
				</ul>
			</div>
			<span class="prev hidden-xs hidden-sm"></span>
			<span class="next hidden-xs hidden-sm"></span>
			<ul class="hd">
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="index_section sec01">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
						<div class="column_figure">
							<img src="upload/pic01.jpg"/>
						</div>
						<div class="column_content">
							<div class="column_title text-center">
								历史沿革
							</div>
							<div class="column_con">
								邢台市始建于隋代,开皇十六年,析邢州龙岗县南境设沙河县，以大沙河穿过而得名，故城在县东一公里处，龙岗县、沙河县二县皆属邢州。
							</div>
							<div class="column_btn text-center">
								<a href="#">MORE</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
						<div class="column_figure">
							<img src="upload/pic001.jpg"/>
						</div>
						<div class="column_content">
							<div class="column_title text-center">
								行政区划
							</div>
							<div class="column_con">
								邢台市人民政府驻褡裢。另外沙河城镇、留村镇归邢台开发区代管。沙河市也是邢台市区的母县之一，今邢台市区三分之一的土地面积原属沙河县。
							</div>
							<div class="column_btn text-center">
								<a href="#">MORE</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
						<div class="column_figure">
							<img src="upload/pic0001.jpg"/>
						</div>
						<div class="column_content">
							<div class="column_title text-center">
								地理环境
							</div>
							<div class="column_con">
								邢台市位于河北省西南部，北部与邢台县为邻，东部与南和县相邻，南与永年县、武安市毗连，面积999平方公里。沙河市区位优越，交通便利。
							</div>
							<div class="column_btn text-center">
								<a href="#">MORE</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="index_section sec02">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">
						<img class="adv_img img-circle" src="upload/pic03.png"/>
						<p class="adv_tit">邢台梅花拳</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">
						<img class="adv_img img-circle" src="upload/pic04.png"/>
						<p class="adv_tit">邢台藤牌阵</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">
						<img class="adv_img img-circle" src="upload/pic05.png"/>
						<p class="adv_tit">秧歌</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">
						<img class="adv_img img-circle" src="upload/pic06.png"/>
						<p class="adv_tit">四股弦</p>
					</div>
				</div>
			</div>
		</div>
		<div class="index_section sec03">
			<div class="container">
				<div class="row index_section_hd text-center">
					城市百科
				</div>
				<div class="row">					
					<ul class="product_list">
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic02.jpg"/>
							</a>
							<a href="#" class="pro_tit">景点</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic002.jpg"/>
							</a>
							<a href="#" class="pro_tit">美食</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic0002.jpg"/>
							</a>
							<a href="#" class="pro_tit">学校</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic003.jpg"/>
							</a>
							<a href="#" class="pro_tit">人物</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic004.jpg"/>
							</a>
							<a href="#" class="pro_tit">文化</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic005.jpg"/>
							</a>
							<a href="#" class="pro_tit">历史</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic006.jpg"/>
							</a>
							<a href="#" class="pro_tit">交通运输</a>
						</li>
						<li class="pro_item col-lg-3 col-md-3 col-sm-3 col-xs-6">
							<a class="pro_pic" href="#">
								<img src="upload/pic007.jpg"/>
							</a>
							<a href="#" class="pro_tit">城市荣誉</a>
						</li>
					</ul>
				</div>
				<div class="row index_section_hd text-center">
					美丽家乡
				</div>
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<div id="news_slide" class="news_slide_box">
							<div class="bd">
								<ul>
									<li>
										<a class="pic" href="#">
											<img src="upload/pic07.jpg" />
											<span class="title">
												沙河
											</span>
										</a>
									</li>
									<li>
										<a class="pic" href="#">
											<img src="upload/pic070.jpg" />
											<span class="title">
												邢台游乐场
											</span>
										</a>
									</li>
								</ul>
							</div>
							<span class="prev"></span>
							<span class="next"></span>
						</div>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ul class="news_list">
							<li>
								<div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">									
									<a href="#" class="">
										<img src="upload/pic08.jpg"/>
									</a>
								</div>
								<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
									<a href="#" class="news_tit">邢台市位于河北省中南部，太行山脉南段东麓</a>
									<p class="news_time">2020-12-8</p>
									<p class="news_desc">北纬36°50′~37°47′，东经113°52′~115°49′之间，东以大运河和山东省相望，西依太行山和山西省毗邻，北及东北与石家庄市。</p>
								</div>
							</li>
							<li>
								<div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">									
									<a href="#" class="">
										<img src="upload/pic081.jpg"/>
									</a>
								</div>
								<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
									<a href="#" class="news_tit">邢台峡谷群</a>
									<p class="news_time">2020-12-08</p>
									<p class="news_desc">邢台峡谷群是国家4A级景区、国家重点风景名胜区、国家地质公园。景区游览面积18平方公里，由24条峡谷组成，其中达到千米的有8条之多。</p>
								</div>
							</li>
							<li>
								<div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">									
									<a href="#" class="">
										<img src="upload/pic082.jpg"/>
									</a>
								</div>
								<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
									<a href="#" class="news_tit">朱庄水库</a>
									<p class="news_time">2020-12-08</p>
									<p class="news_desc">朱庄水库位于沙河市綦村镇朱庄村。是海河流域子牙河系滏阳河支流沙河上的一座以防洪灌溉为主，城市供水等综合利用的大型水利枢纽工程。</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
		<script type="text/javascript" src="js/main.js" ></script>
		<script type="text/javascript" src="js/TouchSlide.1.1.js" ></script>
		<script>
			TouchSlide({ 
				slideCell:"#slideBox", 
				titCell:".hd li",
				mainCell:".bd ul",
				effect:"leftLoop",
				autoPlay:true//自动播放
			});
			TouchSlide({ 
				slideCell:"#news_slide",
				mainCell:".bd ul",
				effect:"leftLoop",
				autoPlay:true//自动播放
			});
		</script>
	</body>
</html>
